<html>
  <head>
    <title>引用组件</title>
  </head>
  <body>
    <script>
      /*
          一、传统vue 项目开发，引用组件需要  导入---注册---使用   这三个步骤如下：

                        <template>
                          <view>
                            // 3.使用组件 
                            <uni-rate text="1"></uni-rate>
                          </view>
                        </template>
                        <script>
                              // 1. 导入组件
                              import uniRate from '@/components/uni-rate/uni-rate.vue';
                              export default {
                                components: { uniRate } // 2. 注册组件
                              }
                        <//script>

            二、Vue 3.x 增加了 script setup 特性，将三步优化为两步，无需注册步骤，更为简洁：

                          <template>
                                <view>
                                  // 2.使用组件 
                                  <uni-rate text="1"></uni-rate>
                                </view>
                          </template>
                          <script setup>
                                  // 1. 导入组件
                                  import uniRate from '@/components/uni-rate/uni-rate.vue';
                          <//script>


             三、uni-app 的 easycom 机制，将组件引用进一步优化，开发者只管使用，无需考虑导入和注册，更为高效：

                          <template>
                                <view>
                                  // 1.使用组件
                                  <uni-rate text="1"></uni-rate>
                                </view>
                          </template>
                          <script>
                          <//script>
      

              ★、在 uni-app项目中，页面引用组件 和 组件引用组件的方式都是一样的（可以理解为页面是一种特殊的组件）

                   均支持通过  easycom 方式直接引用。
      */
    </script>
  </body>
</html>